﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" type="text/javascript"></script>
     <script src="http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/inc/jquery.jplayer.min.js" type="text/javascript"></script>
    <script src="http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/inc/jquery.mb.miniPlayer.js" type="text/javascript"></script>
    <script src="http://pupunzi.com/mb.components/mb.miniAudioPlayer/demo/inc/jquery.metadata.js" type="text/javascript"></script> 
   <link rel="stylesheet" type="text/css" href="/miniplayer.css" title="style"  media="screen"/>
    <style type="text/css">

    /*Generic page style*/

    body{
      font:normal 13px/16px 'trebuchet MS', sans-serif;
      margin:10px;
      background: #ffffff;
    }
    .wrapper{
      position:relative;
      padding-top:90px;
      padding-left:50px;
      width:80%;
      margin:auto
    }
    .wrapper h1{
      font-family:Arial, Helvetica, sans-serif;
      font-size:26px;
    }
    button{
      padding:3px;
      display:inline-block;
      cursor:pointer;
      font:12px/14px Arial, Helvetica, sans-serif;
      color:#fff;
      background-color:#ccc;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -moz-box-shadow:#999 1px 1px 3px;
      -webkit-box-shadow:#999 1px 1px 3px;
      border:1px solid white;
      text-shadow: 1px -1px 2px #aaa9a9 !important;
    }
    button:hover{
    /*background-color:#fff;*/
      color:#666;
    }
    hr{
      border:none;
      background-color:#ccc;
      height:1px;
    }

  </style>
    <script type="text/javascript">
        $(function () {

            if (self.location.href == top.location.href) {
                $("body").css({ font: "normal 13px/16px 'trebuchet MS', verdana, sans-serif" });
            }

            $(".audio").mb_miniPlayer({
                width: 180,
                inLine: false
            });
        });
  </script>
</head>
<body>
    <form id="form1" runat="server">
   <div id="myScroll">
                            <a id="m4" class="audio {skin:'orange', autoPlay:false,showRew:false, showTime:false}" href="http://www.miaowmusic.com/mp3/Miaow-04-Lismore.mp3">Here I feel so Lonely-Tune mere jana</a> 
                            <span>param -> showRew:false, showTime:false</span>
                            <br />
                          
                <a id="m5" class="audio {skin:'green', autoPlay:false, addShadow:false}" href="http://www.miaowmusic.com/mp3/Miaow-08-Stirring-of-a-fool.mp3">miaowmusic - Stirring of a Fool (mp3)</a> 
  <br> 
                        </div>
    </form>
</body>
</html>
